<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="./css/shouyue.css">
    <link rel="stylesheet" href="./css/font-awesome.min.css">
    <link rel="stylesheet" href="fonts/font-awesome.css">
    <link rel="stylesheet" href="./css/advertising.css">
    <link rel="stylesheet" href="css/video.css">
</head>
<body>
    <header>
        <h4>hjy私藏馆</h4>
    </header>
    <div class="main">
        <aside class="left">
            <!-- <p>个人信息</p> -->
            <div class="user-block">
                <img class="head-img" src="./images/a.jpg">
                <p class="user-name">@hjy-yoyo</p>
                <div class="qian1">
                    <p class="qian2">个性签名：</p>
                    <p class="qian3">零碎的岛屿终会找到海，慢慢亦漫漫。</p>
                    <p class="qian3" style="color: #5CADAD;">·落俗不可避免，浪漫至死不渝。</p>
                </div>
                <div class="menubar">
                    <div class="daxiao">                     
                        <a name="ouxiang" href="ouxiang.html">
                            <h5 title="偶像"><img src="./images/人员.png" class="images" style="height: 25px;">偶像</h5>
                        </a>
                    </div>
                    <div class="daxiao">  
                        <a name="yinyue" href="yinyue.html">
                            <h5 title="音乐"><img src="./images/音乐.png" class="images" style="height: 25px;">音乐</h5>
                        </a>
                    </div>
                    <div class="daxiao">
                        <a name="dianshi" href="dianshi.html">    
                            <h5 title="电视"> <img src="./images/点赞.png" class="images"  style="height: 25px;">电视</h5>
                        </a>
                    </div>                           
                </div>
            </div>
        </aside>
        <aside class="right">
            <div class="n-singer">
                <p class="cai"><img src="./images/标签.png" class="tuijian" style="height: 25px;">关注</p>
            </div>
            <div class="cai-sin">
                <ul class="singer">
                    <li>
                        <a href="https://www.baidu.com/s?wd=%E8%B0%A2%E5%A8%9C&rsv_spt=1&rsv_iqid=0xabe7dbbb0000e984&issp=1&f=8&rsv_bp=1&rsv_idx=2&ie=utf-8&tn=baiduhome_pg&rsv_enter=1&rsv_dl=tb&rsv_sug3=3&rsv_sug1=3&rsv_sug7=100&rsv_sug2=0&rsv_btype=i&prefixsug=%25E8%25B0%25A2%25E5%25A8%259C&rsp=4&inputT=1947&rsv_sug4=1947" class="cver">
                            <img class="j-img" src="./images/谢娜.jpg">
                        </a>
                        <div class="info">
                            <p>
                                <a href="https://www.baidu.com/s?wd=%E8%B0%A2%E5%A8%9C&rsv_spt=1&rsv_iqid=0xabe7dbbb0000e984&issp=1&f=8&rsv_bp=1&rsv_idx=2&ie=utf-8&tn=baiduhome_pg&rsv_enter=1&rsv_dl=tb&rsv_sug3=3&rsv_sug1=3&rsv_sug7=100&rsv_sug2=0&rsv_btype=i&prefixsug=%25E8%25B0%25A2%25E5%25A8%259C&rsp=4&inputT=1947&rsv_sug4=1947" class="nm-icn">谢娜</a>
                            </p>
                            <p class="f-thide">中国女主持人</p>
                        </div>
                    </li>
                    <li class="huang">
                        <a href="https://www.baidu.com/s?wd=%E9%BB%84%E6%99%AF%E7%91%9C&rsv_spt=1&rsv_iqid=0x8d6ffda100032fcf&issp=1&f=8&rsv_bp=1&rsv_idx=2&ie=utf-8&tn=baiduhome_pg&rsv_enter=1&rsv_dl=tb&rsv_sug3=5&rsv_sug1=3&rsv_sug7=101&rsv_sug2=0&rsv_btype=i&prefixsug=%25E9%25BB%2584%25E6%2599%25AF%25E7%2591%259C&rsp=5&inputT=1570&rsv_sug4=2376" class="cver">
                            <img class="j-img" src="./images/黄景瑜.jpg">
                        </a>
                        <div class="info-h">
                            <p>
                                <a href="https://www.baidu.com/s?wd=%E9%BB%84%E6%99%AF%E7%91%9C&rsv_spt=1&rsv_iqid=0x8d6ffda100032fcf&issp=1&f=8&rsv_bp=1&rsv_idx=2&ie=utf-8&tn=baiduhome_pg&rsv_enter=1&rsv_dl=tb&rsv_sug3=5&rsv_sug1=3&rsv_sug7=101&rsv_sug2=0&rsv_btype=i&prefixsug=%25E9%25BB%2584%25E6%2599%25AF%25E7%2591%259C&rsp=5&inputT=1570&rsv_sug4=2376" class="nm-icn">黄景瑜</a>
                            </p>
                            <p class="f-thide">演员</p>
                        </div>
                    </li>
                    <li>
                        <a href="https://www.baidu.com/s?wd=%E6%97%B6%E4%BB%A3%E5%B0%91%E5%B9%B4%E5%9B%A2&rsv_spt=1&rsv_iqid=0x8d6ffda100032fcf&issp=1&f=3&rsv_bp=1&rsv_idx=2&ie=utf-8&rqlang=cn&tn=baiduhome_pg&rsv_enter=1&rsv_dl=ts_0&oq=%25E9%25BB%2584%25E6%2599%25AF%25E7%2591%259C&rsv_btype=t&inputT=4494&rsv_t=362bzrm39peGtpaYHmnzv%2BvmU0NEcQDZDNhVsFplnN7xZzOP7ZhZq8Xq%2FpBtHEs02pPR&rsv_sug3=9&rsv_pq=a408e8760012b63d&rsv_sug1=6&rsv_sug7=100&rsv_sug2=1&prefixsug=%25E6%2597%25B6%25E4%25BB%25A3&rsp=0&rsv_sug4=6210" class="cver">
                            <img class="j-img" src="./images/时代少年团.jpg">
                        </a>
                        <div class="info">
                            <p>
                                <a href="https://www.baidu.com/s?wd=%E6%97%B6%E4%BB%A3%E5%B0%91%E5%B9%B4%E5%9B%A2&rsv_spt=1&rsv_iqid=0x8d6ffda100032fcf&issp=1&f=3&rsv_bp=1&rsv_idx=2&ie=utf-8&rqlang=cn&tn=baiduhome_pg&rsv_enter=1&rsv_dl=ts_0&oq=%25E9%25BB%2584%25E6%2599%25AF%25E7%2591%259C&rsv_btype=t&inputT=4494&rsv_t=362bzrm39peGtpaYHmnzv%2BvmU0NEcQDZDNhVsFplnN7xZzOP7ZhZq8Xq%2FpBtHEs02pPR&rsv_sug3=9&rsv_pq=a408e8760012b63d&rsv_sug1=6&rsv_sug7=100&rsv_sug2=1&prefixsug=%25E6%2597%25B6%25E4%25BB%25A3&rsp=0&rsv_sug4=6210" class="nm-icn">时代少年团</a>
                            </p>
                            <p class="f-thide">歌手</p>
                        </div>
                    </li>
                    <li>
                        <a href="https://www.baidu.com/s?wd=%E9%AD%8F%E5%93%B2%E9%B8%A3&rsv_spt=1&rsv_iqid=0xdf9deb9e0004be1c&issp=1&f=8&rsv_bp=1&rsv_idx=2&ie=utf-8&tn=baiduhome_pg&rsv_enter=1&rsv_dl=tb&rsv_sug3=3&rsv_sug1=3&rsv_sug7=100&rsv_sug2=0&rsv_btype=i&prefixsug=%25E9%25AD%258F%25E5%2593%25B2%25E9%25B8%25A3&rsp=5&inputT=1969&rsv_sug4=1969" class="cver">
                            <img class="j-img" src="./images/魏哲鸣.jpg">
                        </a>
                        <div class="info">
                            <p>
                                <a href="https://www.baidu.com/s?wd=%E9%AD%8F%E5%93%B2%E9%B8%A3&rsv_spt=1&rsv_iqid=0xdf9deb9e0004be1c&issp=1&f=8&rsv_bp=1&rsv_idx=2&ie=utf-8&tn=baiduhome_pg&rsv_enter=1&rsv_dl=tb&rsv_sug3=3&rsv_sug1=3&rsv_sug7=100&rsv_sug2=0&rsv_btype=i&prefixsug=%25E9%25AD%258F%25E5%2593%25B2%25E9%25B8%25A3&rsp=5&inputT=1969&rsv_sug4=1969" class="nm-icn">魏哲鸣</a>
                            </p>
                            <p class="f-thide">演员</p>
                        </div>
                    </li>
                </ul>
            </div>
            
        </aside>
        <section class="middle">
                <div class="container">
                    <div class="one">
                        <a class="mv-zj" href="As-zj.html">
                            <img src="./images/2.jpg" class="zj">
                            <p class="song-zj">张杰 - As Long As You Love Me (Live)</p>
                        </a>
                    </div>
                    <div class="two">2</div>
                    <div class="three">3</div>
                </div>
        </section>
    </div>
    <div class="main"></div>
    <footer>
        <p>底部</p>
    </footer>
    
</body>
</html>